*{
	margin: 0;
	padding: 0;
}
html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.page-box{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.page{
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.hidden{display: none;}

/*定义动画*/
@-webkit-keyframes fadeIn{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.fadeIn{
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: both;
}

@keyframes  scale{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(0.8)
	}
	100%{
		transform: scale(1);
	}
}
.scale{
	-webkit-animation-name: scale;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

.animation-delay500ms{-webkit-animation-delay: 500ms;}
.animation-delay700ms{-webkit-animation-delay: 700ms;}
.animation-delay1000ms{-webkit-animation-delay: 1000ms;}
.animation-delay1500ms{-webkit-animation-delay: 1500ms;}


